<template>
  <div id="box" class="component-wrap">
    <div class="box" @click="goDetail(item)">
      <h2>处置单号-{{item.checkNum}}</h2>
      <ul class="box-info">
        <li class="clearfix">
          <img src="../../assets/ic_date_found@3x.png" />
          <span>创建日期：</span>
          <span class="box-info-right">{{item.createTime}}</span>
        </li>
        <li class="clearfix">
          <img src="../../assets/ic_admin_found@3x.png" />
          <span>创建人：</span>
          <span class="box-info-right">{{item.creator}}</span>
        </li>
      </ul>
      <span class="circle circle-left"></span>
      <span class="circle circle-right"></span>
      <img src="../../assets/label_to_be_confirmed@3x.png" class="box-status" v-if="item.status === '待确认'" />
      <img src="../../assets/label_ok@3x.png" class="box-status" v-if="item.status === '已确认'" />
      <img src="../../assets/label_reject@3x.png" class="box-status" v-if="item.status === '已驳回'" />
    </div>
  </div>
</template>

<script type="text/ecmascript-6">
  export default {
    name: "HandleBox",
    props: [ "item" ],
    methods: {
      goDetail:function(i){
        this.$router.push({ path: '/home/handle/handleDetail',query: {
          checkNum: i.checkNum,
          creator: i.creator,
          createTime: i.createTime,
          status: i.status
        }})
      }
    }
  }
</script>
